<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表</title>
</head>

<body>
    <!-- 有序列表 -->

    <div>

        <!-- ol 只能有li  
        
            type： 属性 1,a，A,i,I
            
            start: 从什么开始 只能数字
        -->
        <ol type="a" start="3">
            <!-- li 可以随意放标签 数字是自动生成 -->
            <li>ssssssss</li>
            <li>aaaaaaaaaa</li>
            <li>ssssssss</li>
            <li>ssssssss</li>
        </ol>

    </div>

    <!-- 无序列表 -->
    <div>

        <!-- ul 只能放li  
            li可以放其他标签 默认是实心园 
            type 属性 disc circle square none(用得最多)
        -->
        <ul type="none">
            <li>111111111</li>
            <li>2222222222</li>
            <li>2222222222</li>
            <li>333333333</li>

        </ul>
        <!-- 快速创建 ul>li{aaaaaaaa}*3 -->
        <ul type="circle">
            <li>aaaaaaaaaa</li>
            <li>aaaaaaaaaa</li>
            <li>aaaaaaaaaa</li>
        </ul>
    </div>

    <!-- 自定义列表 -->

    <div>

        <dl>
            <dt> 我是图片</dt>
            <dd> 我是文章</dd>

        </dl>

        <dl>
            <dt> 我是图片</dt>
            <dd> 我是文章</dd>

        </dl>

        <!-- 多个创建 dl>dt{111111}*3+dd{ssss}*3-->

    </div>


</body>

</html>